<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        {% block metas %}
        <title>Template America Bundle</title>
        {% endblock %}
        <link rel="shortcut icon" href="{{ asset('bundles/tplamerica/favicon.ico') }}" />
        
        <link rel="stylesheet/less" type="text/css" href="{{ asset('bundles/tplamerica/css/styles.less') }}" />
        <link rel="stylesheet" type="text/css" href="{{ asset('bundles/tplamerica/css/bootstrap-960.css') }}" />
        <link rel="stylesheet" type="text/css" href="{{ asset('bundles/tplamerica/css/bootstrap_expand.css') }}" />
        
        <script type="text/javascript" src="{{ asset('bundles/tplamerica/js/jquery-1.7.2.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('bundles/tplamerica/js/bootstrap.js') }}"></script>
        <script type="text/javascript" src="{{ asset('bundles/tplamerica/js/Jfunciones.js') }}"></script>
        <script type="text/javascript" src="{{ asset('bundles/tplamerica/js/bootstrap-carousel.js') }}"></script>
        
        <script type="text/javascript" src="{{ asset('bundles/tplamerica/js/less-1.3.0.min.js') }}"></script>
        
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>
    <body>
        
        <header>
            
           {% block galeria_header %}

           {% endblock %}
            
           <div style="position: absolute; top: 20px; left: 50%; margin-left: -480px;">
           
                <div class="container">

                    <div class="row">

                        <div class="span12 logo vcenter">
                            <img src="{{ asset('bundles/tplamerica/images/logo.png') }}" title="Hotel América" alt=" "/>
                        </div>

                        <div class="span12 gris">  

                            <div class="navbar">
                                {% block menu %}
                                    
                                {% endblock %}
                            </div>

                        </div>

                    </div>

                </div>

            </div>
            
        </header>
        
        <section>
                
            <div class="container">

                <div class="row-fluid" style="background: blue;">
                    
                    {% block left %}

                    {% endblock %}

                    {% block contentenido %}

                    {% endblock %}
                    
                </div>

            </div>
            
        </section>
        
        <footer>

            <div class="container">

                <div class="row-fluid">

                    <div class="span6">

                        Aqui anira menu

                    </div>

                    <div class="span6 vright">

                        Síguenos en las redes sociales

                        <a target="_blank" href="https://www.facebook.com/pages/Hotel-America-Barcelona/130087863726252"><img src="{{ asset('bundles/tplamerica/images/icon_Facebook.png') }}" /></a>

                    </div>

                </div>

                <div class="row-fluid">

                    <div class="span3">

                        <div class="pagination">

                            Aqui va el logo

                        </div>

                    </div>

                    <div class="span3">
                        <p>
                            <b>{{ "Dirección"|trans }}</b><br />
                            CargaDire
                        </p>
                    </div>   

                    <div class="span2">
                        <p>
                            <b>T </b>CargaTel<br />
                            <b>F </b>CargaFax<br />
                            <b>E </b>CargaMail
                        </p>
                    </div>   

                    <div class="span4 vright">

                        <img src="{{ asset('bundles/tplamerica/images/tripadvisor.png') }}" />

                        <p>{{ "Nuestros clientes son nuestra mejor imagen"|trans }}</p>

                    </div> 

                </div>

            </div>            

        </footer>
        
    </body>
</html>
        